<template>
	<view class="page flex-col">
		<view class="group_1 flex-col">
			<!-- <view class="top"> -->
			<!-- <u-swiper :list="list6" @change="swiperlist" :autoplay="true" indicatorStyle="right: 20px"
					height="450rpx" :indicator="true">
					<view slot="indicator" class="indicator-num">
						<text class="indicator-num__text">{{ currentNum + 1 }}/{{ list6.length }}</text>
					</view>
				</u-swiper> -->
			<!-- <view class="postion">
					<nav-bar title="场馆详情" color="white" bg="rgba(0,0,0,0)"></nav-bar>
				</view> -->
			<!-- </view> -->
			<view class="block_2 flex-col">
				<view class="group_4 flex-row justify-between">
					<view class="block_3 flex-col justify-between">
						<view class="box_3 flex-row justify-between">
							<text class="text_3">常州市服务中心</text>
							<!-- <view class="text-wrapper_2 flex-col">
								<text class="text_4">营业中</text>
							</view> -->
						</view>
						<view class="box_4 flex-row ">
							<!-- <u-tabs :list="list.marks" ></u-tabs> -->
							<view class="text-wrapper_3 flex-col" v-for="(item, index) in marks" :key="index">
								<text class="text_5">{{item}}</text>
							</view>
						</view>
					</view>
					<image class="image_3" :src="list.venue_thumb" />
				</view>
				<text class="text_9">营业时间：周一至周日10:00~23:00</text>
				<text class="text_10">实际以场馆公布为主</text>
				<!-- <view class="group_5 flex-col"></view> -->
				<!-- <text class="text_11">场馆编码</text>
				<text class="text_12">226541</text>
				<view class="group_6 flex-col"></view>
				<text class="text_13">经营类型</text>
				<text class="text_14">自营</text> -->
				<view class="group_7 flex-col"></view>
				<view class="group_8 flex-row">
					<view class="text-wrapper_7 flex-col justify-between">
						<text class="text_15">南通市崇川区观音山路世濠花园</text>
						<text class="text_16">观音路世濠花园北门</text>
					</view>
					<image class="label_1" @click="addresslist"
						src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/554109c7a9c9ece2c0ea8e77e53c91a531680db9.png" />
					<view class="box_5 flex-col"></view>
					<image class="label_2" @tap="call"
						src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/ddfcb7d40dd6214cb1bf01e4c40ca3d74b39e6fe.png" />
				</view>
			</view>
			<!-- <view class="block_4 flex-col">
				<view class="text-wrapper_8 flex-col">
					<text class="text_17">去商城</text>
				</view>
				<view class="box_6 flex-col">
					<text class="text_18">运营概览</text>
					<view class="list_1 flex-row">
						<view class="image-text_1 flex-col justify-between" v-for="(item, index) in loopData0"
							:key="index">
							<image class="image_4" :src="item.lanhuimage0" />
							<text class="text-group_1" v-html="item.lanhutext0"></text>
						</view>
					</view>
				</view>
			</view> -->
			<view class="block_5 flex-col">
				<text class="text_19">场馆描述</text>
				<view class="paragraph_1">
					衡阳奥星本着客户至上，强身健体的原则，对广大用户提 供全方面的健身体验。
				</view>
				<u-read-more>
					<rich-text :nodes="content"></rich-text>
				</u-read-more>
				<text class="text_20">资质证书</text>
				<view class="box_7 flex-row">
					<!-- <view class="section_1 flex-col"></view> -->
					<image class="image_5" :src="item" v-for="(item, index) in certification" :key="index" />
				</view>
				<text class="text_21">人员证书</text>
				<view class="box_8 flex-row">
					<image class="image_8" :src="item" v-for="(item, index) in personnel_cert" :key="index" />
				</view>
			</view>
			<view class="block_7 flex-col">
				<view class="text-wrapper_9 flex-row">
					<text class="text_22">硬件设施</text>
				</view>
				<view class="box_9 flex-row">
					<view class="image-text_2 flex-row justify-between" v-for="(item, index) in services" :key="index">
						<image class="label_3" :src="item.icon" />
						<text class="text-group_2">{{item.name}}</text>
					</view>
				</view>
			</view>
		</view>
		<!-- <view class="bottom-add-btn">
			<view class="btn" @click="onClick">
				编辑场馆
			</view>
		</view> -->
		<view class="d-flex flex-row justify-space-between justify-center align-center"
			style="position: fixed;bottom: 0;height: 120rpx;background-color: #fff;width: 100%;padding: 0 8%;z-index: 99;">
			<view class="" @click="onClick"
				style="width: 100%;height: 80rpx;background: linear-gradient(0deg, rgba(214, 53, 53, 0.9), rgba(255, 64, 64, 0.93), rgba(250, 142, 142, 0.93));
				border-radius: 80rpx 80rpx;color: #ffffff;font-size: 24rpx;text-align: center;border-radius: 35rpx;line-height: 80rpx;">
				编辑场馆
			</view>
		</view>
	</view>
</template>
<script>
	// import QSNavbar from "@/components/QS-Navbar/QS-Navbar.vue";
	// const venues = require("@/api/venues/venues.js");
	export default {
		// components: {
		// QSNavbar
		// },
		data() {
			return {
				list6: [],
				constants: {},
				currentNum: '',
				venues_id: '',
				list: {},
				marks: [
					'游泳', '足球', '篮球', '羽毛球'
				],
				certification: [
					"https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/1c/a92ed1eb62f9e46bc662ac308f17d2.jpg?attname=%25E6%25B8%25B8%25E6%25B3%25B3-%25E6%25AF%2594%25E8%25B5%259B+%252828%2529.jpg",
					"https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/ff/2053087dcb341594a27132253121af.jpg?attname=%25E6%25B8%25B8%25E6%25B3%25B3-%25E6%25AF%2594%25E8%25B5%259B+%252837%2529.jpg",
					"https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/91/a7fc925332779dd23f01c5cfc5949a.jpg?attname=%25E6%25B8%25B8%25E6%25B3%25B3-%25E6%25AF%2594%25E8%25B5%259B+%252844%2529.jpg",
					"https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/1c/a92ed1eb62f9e46bc662ac308f17d2.jpg?attname=%25E6%25B8%25B8%25E6%25B3%25B3-%25E6%25AF%2594%25E8%25B5%259B+%252828%2529.jpg",
					"https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/ff/2053087dcb341594a27132253121af.jpg?attname=%25E6%25B8%25B8%25E6%25B3%25B3-%25E6%25AF%2594%25E8%25B5%259B+%252837%2529.jpg",
					"https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/91/a7fc925332779dd23f01c5cfc5949a.jpg?attname=%25E6%25B8%25B8%25E6%25B3%25B3-%25E6%25AF%2594%25E8%25B5%259B+%252844%2529.jpg",
				],
				personnel_cert: [
					"https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/ea/24af933777cde352b1d515487642ce.jpg?attname=%E6%95%99%E7%BB%83%E5%9B%BE%E4%B8%8A%E5%8D%8A%E8%BA%AB+%286%29.jpg",
					"https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/24/5376af5f60301bc0c5d68993a1e7c6.jpg?attname=%E6%95%99%E7%BB%83%E5%9B%BE%E4%B8%8A%E5%8D%8A%E8%BA%AB+%281%29.jpg",
					"https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/3f/e157b5ffff83a0e633a17292e21020.jpg?attname=%E6%95%99%E7%BB%83%E5%9B%BE%E4%B8%8A%E5%8D%8A%E8%BA%AB+%282%29.jpg",
					"https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/ed/ccaebf323ba492e1b755bc47c12074.jpg",
					"https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/ed/ccaebf323ba492e1b755bc47c12074.jpg",
					"https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/ed/ccaebf323ba492e1b755bc47c12074.jpg",
				],
				services: [{
						icon: "https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/01/ceae4b0a9954a3169938720aee2aba.png?attname=%E5%81%9C%E8%BD%A6%E4%BD%8D.png",
						id: 20,
						name: "停车场",
					},
					{
						icon: "https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/29/7ace4100413f4bdbe3b2ffaead12a8.png?attname=%E9%85%8D%E5%A5%97%E8%AE%BE%E6%96%BD+%281%29.png",
						id: 22,
						name: "卖品部",
					},
					{
						icon: "https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/c6/ea800f3cfcb1906f014a8e00572aa1.png?attname=%E5%AE%A2%E6%A2%AF.png",
						id: 21,
						name: "电梯间",
					},
					{
						icon: "https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/ae/03acf6e095c7a02cb88d669463da5f.png?attname=%E6%B7%8B%E6%B5%B4.png",
						id: 17,
						name: "淋浴房",
					},
					{
						icon: "https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/32/c67ae070b1d5f1f048e2457bcef052.png?attname=%E6%99%BA%E5%BA%93.png",
						id: 24,
						name: "节能灯",
					},
					{
						icon: "https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/a3/18158823ff527f79080d39f439070c.png?attname=%E8%87%AA%E5%8A%A8%E5%94%AE%E6%A3%80%E7%A5%A8.png",
						id: 23,
						name: "闸机",
					},
					{
						icon: "https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/5e/7fabda2fb2b2d98d41d0609c12282b.png?attname=%E5%90%B9%E9%A3%8E%E6%9C%BA.png",
						id: 19,
						name: "吹风机",
					},
					{
						icon: "https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/e3/314a947442ef08c05be88f7938bb6d.png?attname=wifi.png",
						id: 18,
						name: "无线网",
					},
					{
						icon: "https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/20/70f4811bb27485a217b37dccfb0829.png?attname=%E7%94%B5%E8%A7%86.png",
						id: 16,
						name: "电视机",
					}
				]
			};
		},
		onLoad(options) {
			this.venues_id = options.venues_id
			// this.getVenusDetail()
		},
		methods: {
			swiperlist(e) {
				this.currentNum = e.current
			},
			// 获取场馆主页
			async getVenusDetail() {
				let params = {
					projectId: getApp().globalData.projectId,
					weixinAppId: this.$https.weixinAppId,
					venues_id: this.venues_id
				}
				let res = await venues.getVenusDetail(params)
				if (res.code === 1) {
					this.list = res.data.data
					this.list6 = res.data.data.banner.split('|')
				}
			},
			// 导航地址
			addresslist() {
				uni.openLocation({
					latitude: Number(this.list.lat), //要去的纬度-地址
					longitude: Number(this.list.lng), //要去的经度-地址
					address: this.list.address, //要去的具体地址

					//此处踩坑的问题2：
					//latitude 和 longitude的值一定要是number类型。
					//所以传递的时候需要使用Number将其转换一下。
				})
			},
			// 拨打电话
			call() {
				uni.makePhoneCall({
					phoneNumber: this.list.phone,
					success: function() {
						console.log('拨打电话成功');
					},
					fail() {
						console.log('打电话失败了');
					}
				})
			},
			onClick(){
				uni.navigateTo({
					url:'./edit'
				})
			}
		},
	};
</script>
<style scoped lang="scss">
	@import '../../static/css/common/common.scss';

	.page {
		position: relative;
		width: 750rpx;
		height: 100%;
		// overflow: hidden;
		background-color: rgba(247, 247, 247, 1.0);

		.bottom-add-btn {
			width: 100%;
			height: 170rpx;
			background-color: #fff;
			position: fixed;
			bottom: 0;

			.btn {
				width: 90%;
				text-align: center;
				font-size: 36rpx;
				font-weight: 800;
				color: #FFFFFF;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				height: 90rpx;
				background: linear-gradient(0deg, rgba(250, 142, 142, 0.8), rgba(255, 64, 64, 0.83), rgba(250, 142, 142, 0.93));
				border-radius: 200rpx 200rpx 200rpx 200rpx;
				margin: 20rpx auto 0;
			}
		}

		.group_1 {
			margin-bottom: 170rpx;

			.top {
				position: relative;
				width: 100%;

				.indicator-num {
					padding: 2px 24rpx;
					background-color: rgba(0, 0, 0, 0.35);
					border-radius: 100px;
					width: 35px;
					@include flex;
					justify-content: center;

					&__text {
						color: #FFFFFF;
						font-size: 12px;
					}
				}

				.postion {
					position: absolute;
					width: 100%;
					top: 0;
					left: 0;
					box-sizing: border-box;
				}
			}

			.block_1 {
				height: 577rpx;
				width: 750rpx;
			}

			.block_2 {
				box-shadow: 0px 0px 5px #ffffff;
				border-radius: 10px;
				width: 690rpx;
				height: 100%;
				margin: 30rpx 0 0 30rpx;
				background-color: #FFFFFF;

				.group_4 {
					width: 631rpx;
					height: 100rpx;
					margin: 40rpx 0 0 29rpx;

					.block_3 {
						width: 371rpx;
						height: 94rpx;
						margin-top: 3rpx;

						.box_3 {
							width: 277rpx;
							height: 36rpx;

							.text_3 {
								width: 157rpx;
								height: 31rpx;
								overflow-wrap: break-word;
								color: rgba(51, 51, 51, 1);
								font-size: 32rpx;
								font-family: PingFang-SC-Bold;
								font-weight: 700;
								text-align: left;
								white-space: nowrap;
								line-height: 32rpx;
								margin-top: 3rpx;
							}

							.text-wrapper_2 {
								background-color: rgba(4, 179, 90, 0.2);
								border-radius: 4px;
								height: 36rpx;
								width: 100rpx;

								.text_4 {
									width: 68rpx;
									height: 23rpx;
									overflow-wrap: break-word;
									color: rgba(4, 179, 90, 1);
									font-size: 24rpx;
									font-family: PingFang-SC-Medium;
									font-weight: 500;
									text-align: left;
									white-space: nowrap;
									line-height: 24rpx;
									margin: 6rpx 0 0 16rpx;
								}
							}
						}

						.box_4 {
							width: 370rpx;
							height: 36rpx;
							margin: 22rpx 0 0 1rpx;

							.text-wrapper_3 {
								background-color: #D5F5DC;
								border-radius: 4px;
								height: 36rpx;
								// width: 80rpx;
								margin-left: 10rpx;

								.text_5 {
									padding: 0 20rpx;
									height: 36rpx;
									color: #000000;
									font-size: 24rpx;
									font-family: PingFang-SC-Medium;
									font-weight: 500;
									// text-align: left;
									white-space: nowrap;
									line-height: 25rpx;
									margin: 6rpx 0 0 0;
								}
							}

							.text-wrapper_4 {
								background-color: rgba(255, 143, 5, 0.1);
								border-radius: 4px;
								height: 36rpx;
								margin-left: 10rpx;
								width: 80rpx;

								.text_6 {
									width: 47rpx;
									height: 23rpx;
									overflow-wrap: break-word;
									color: rgba(255, 143, 5, 1);
									font-size: 24rpx;
									font-family: PingFang-SC-Medium;
									font-weight: 500;
									text-align: left;
									white-space: nowrap;
									line-height: 34rpx;
									margin: 6rpx 0 0 16rpx;
								}
							}

							.text-wrapper_5 {
								background-color: rgba(255, 143, 5, 0.1);
								border-radius: 4px;
								height: 36rpx;
								margin-left: 10rpx;
								width: 80rpx;

								.text_7 {
									width: 47rpx;
									height: 23rpx;
									overflow-wrap: break-word;
									color: rgba(255, 143, 5, 1);
									font-size: 24rpx;
									font-family: PingFang-SC-Medium;
									font-weight: 500;
									text-align: left;
									white-space: nowrap;
									line-height: 34rpx;
									margin: 6rpx 0 0 16rpx;
								}
							}

							.text-wrapper_6 {
								background-color: rgba(255, 143, 5, 0.1);
								border-radius: 4px;
								height: 36rpx;
								margin-left: 10rpx;
								width: 100rpx;

								.text_8 {
									width: 71rpx;
									height: 23rpx;
									overflow-wrap: break-word;
									color: rgba(255, 143, 5, 1);
									font-size: 24rpx;
									font-family: PingFang-SC-Medium;
									font-weight: 500;
									text-align: left;
									white-space: nowrap;
									line-height: 34rpx;
									margin: 6rpx 0 0 15rpx;
								}
							}
						}
					}

					.image_3 {
						width: 100rpx;
						height: 100rpx;
					}
				}

				.text_9 {
					width: 412rpx;
					height: 25rpx;
					overflow-wrap: break-word;
					color: rgba(51, 51, 51, 1);
					font-size: 26rpx;
					font-family: PingFang-SC-Medium;
					font-weight: 500;
					text-align: left;
					white-space: nowrap;
					line-height: 34rpx;
					margin: 34rpx 0 0 30rpx;
				}

				.text_10 {
					width: 214rpx;
					height: 23rpx;
					overflow-wrap: break-word;
					color: rgba(190, 190, 190, 1);
					font-size: 24rpx;
					font-family: PingFang-SC-Medium;
					font-weight: 500;
					text-align: left;
					white-space: nowrap;
					line-height: 34rpx;
					margin: 20rpx 0 0 31rpx;
				}

				.group_5 {
					background-color: rgba(229, 229, 229, 1);
					width: 630rpx;
					height: 1rpx;
					margin: 20rpx 0 0 30rpx;
				}

				.text_11 {
					width: 102rpx;
					height: 25rpx;
					overflow-wrap: break-word;
					color: rgba(51, 51, 51, 1);
					font-size: 26rpx;
					font-family: PingFang-SC-Medium;
					font-weight: 500;
					text-align: left;
					white-space: nowrap;
					line-height: 34rpx;
					margin: 20rpx 0 0 29rpx;
				}

				.text_12 {
					width: 78rpx;
					height: 19rpx;
					overflow-wrap: break-word;
					color: rgba(190, 190, 190, 1);
					font-size: 24rpx;
					font-family: PingFang-SC-Medium;
					font-weight: 500;
					text-align: left;
					white-space: nowrap;
					line-height: 34rpx;
					margin: 21rpx 0 0 31rpx;
				}

				.group_6 {
					background-color: rgba(229, 229, 229, 1);
					width: 630rpx;
					height: 1rpx;
					margin: 19rpx 0 0 30rpx;
				}

				.text_13 {
					width: 102rpx;
					height: 25rpx;
					overflow-wrap: break-word;
					color: rgba(51, 51, 51, 1);
					font-size: 26rpx;
					font-family: PingFang-SC-Medium;
					font-weight: 500;
					text-align: left;
					white-space: nowrap;
					line-height: 34rpx;
					margin: 20rpx 0 0 29rpx;
				}

				.text_14 {
					width: 43rpx;
					height: 23rpx;
					overflow-wrap: break-word;
					color: rgba(190, 190, 190, 1);
					font-size: 24rpx;
					font-family: PingFang-SC-Medium;
					font-weight: 500;
					text-align: left;
					white-space: nowrap;
					line-height: 34rpx;
					margin: 19rpx 0 0 33rpx;
				}

				.group_7 {
					background-color: rgba(229, 229, 229, 1);
					width: 630rpx;
					height: 1rpx;
					margin: 17rpx 0 0 30rpx;
				}

				.group_8 {
					width: 635rpx;
					height: 65rpx;
					margin: 21rpx 0 19rpx 30rpx;

					.text-wrapper_7 {
						width: 361rpx;
						height: 65rpx;

						.text_15 {
							width: 361rpx;
							height: 25rpx;
							overflow-wrap: break-word;
							color: rgba(51, 51, 51, 1);
							font-size: 26rpx;
							font-family: PingFang-SC-Medium;
							font-weight: 500;
							text-align: left;
							white-space: nowrap;
							line-height: 34rpx;
						}

						.text_16 {
							width: 213rpx;
							height: 23rpx;
							overflow-wrap: break-word;
							color: rgba(190, 190, 190, 1);
							font-size: 24rpx;
							font-family: PingFang-SC-Medium;
							font-weight: 500;
							text-align: left;
							white-space: nowrap;
							line-height: 34rpx;
							margin-top: 17rpx;
						}
					}

					.label_1 {
						width: 40rpx;
						height: 40rpx;
						margin: 14rpx 0 0 132rpx;
					}

					.box_5 {
						background-color: rgba(229, 229, 229, 1);
						width: 1rpx;
						height: 40rpx;
						margin: 13rpx 0 0 31rpx;
					}

					.label_2 {
						width: 40rpx;
						height: 40rpx;
						margin: 14rpx 0 0 30rpx;
					}
				}
			}

			.block_4 {
				width: 750rpx;
				height: 121rpx;

				.text-wrapper_8 {
					height: 80rpx;
					background: url('https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/2290e791905ecaf94fb2e474a0a2c2456c8bdcea.png') 100% no-repeat;
					background-size: 100% 100%;
					width: 690rpx;
					margin: 20rpx 0 0 30rpx;

					.text_17 {
						width: 91rpx;
						height: 29rpx;
						overflow-wrap: break-word;
						color: rgba(255, 255, 255, 1);
						font-size: 30rpx;
						font-family: PingFang-SC-Medium;
						font-weight: 500;
						text-align: left;
						white-space: nowrap;
						line-height: 30rpx;
						margin: 26rpx 0 0 299rpx;
					}
				}

				.box_6 {
					background-color: rgba(255, 255, 255, 1);
					border-radius: 10px;
					width: 690rpx;
					height: 280rpx;
					margin: 20rpx 0 21rpx 30rpx;

					.text_18 {
						width: 121rpx;
						height: 29rpx;
						overflow-wrap: break-word;
						color: rgba(51, 51, 51, 1);
						font-size: 30rpx;
						font-family: PingFang-SC-Bold;
						font-weight: 700;
						text-align: left;
						white-space: nowrap;
						line-height: 34rpx;
						margin: 29rpx 0 0 31rpx;
					}

					.list_1 {
						width: 630rpx;
						height: 152rpx;
						justify-content: space-between;
						margin: 40rpx 0 30rpx 30rpx;

						.image-text_1 {
							width: 108rpx;
							height: 152rpx;
							margin-right: 66rpx;

							.image_4 {
								width: 108rpx;
								height: 108rpx;
							}

							.text-group_1 {
								width: 103rpx;
								height: 25rpx;
								overflow-wrap: break-word;
								color: rgba(51, 51, 51, 1);
								font-size: 26rpx;
								font-family: PingFang-SC-Medium;
								font-weight: 500;
								text-align: left;
								white-space: nowrap;
								line-height: 34rpx;
								margin: 19rpx 0 0 2rpx;
							}
						}
					}
				}
			}

			.block_5 {
				background-color: rgba(255, 255, 255, 1);
				border-radius: 10px;
				width: 690rpx;
				height: 656rpx;
				margin: 20rpx 0 0 30rpx;
				display: flex;
				flex-wrap: wrap;


				.text_19 {
					width: 122rpx;
					height: 29rpx;
					overflow-wrap: break-word;
					color: rgba(51, 51, 51, 1);
					font-size: 30rpx;
					font-family: PingFang-SC-Bold;
					font-weight: 700;
					text-align: left;
					white-space: nowrap;
					line-height: 34rpx;
					margin: 29rpx 0 0 31rpx;
				}

				.paragraph_1 {
					width: 623rpx;
					height: 70rpx;
					overflow-wrap: break-word;
					color: rgba(136, 136, 136, 1);
					font-size: 24rpx;
					font-family: PingFang-SC-Medium;
					font-weight: 500;
					text-align: left;
					line-height: 36rpx;
					margin: 39rpx 0 0 30rpx;
					overflow-y: auto;
				}

				.text_20 {
					width: 121rpx;
					height: 29rpx;
					overflow-wrap: break-word;
					color: rgba(51, 51, 51, 1);
					font-size: 30rpx;
					font-family: PingFang-SC-Bold;
					font-weight: 700;
					text-align: left;
					white-space: nowrap;
					line-height: 34rpx;
					margin: 40rpx 0 0 31rpx;
				}

				.box_7 {
					width: 90%;
					min-height: 140rpx;
					max-height: 140rpx;
					margin: 23rpx 0 0 30rpx;
					display: flex;
					overflow-x: auto;
					flex-direction: row;

					.section_1 {
						background-color: rgba(246, 246, 246, 1);
						border-radius: 8px;
						width: 145rpx;
						height: 145rpx;
					}

					.image_5 {
						width: 145rpx;
						height: 145rpx;
						margin-left: 17rpx;
						float: left;
						flex: 0 0 auto;
					}

					.image_6 {
						width: 145rpx;
						height: 145rpx;
						margin-left: 16rpx;
					}

					.image_7 {
						width: 145rpx;
						height: 145rpx;
						margin-left: 17rpx;
					}
				}

				.text_21 {
					width: 122rpx;
					height: 29rpx;
					overflow-wrap: break-word;
					color: rgba(51, 51, 51, 1);
					font-size: 30rpx;
					font-family: PingFang-SC-Bold;
					font-weight: 700;
					text-align: left;
					white-space: nowrap;
					line-height: 34rpx;
					margin: 46rpx 0 0 30rpx;
				}

				.box_8 {
					width: 90%;
					height: 145rpx;
					margin: 13rpx 0 30rpx 30rpx;
					display: flex;
					overflow-x: auto;
					flex-direction: row;

					.block_6 {
						background-color: rgba(246, 246, 246, 1);
						border-radius: 8px;
						width: 145rpx;
						height: 145rpx;
					}

					.image_8 {
						width: 145rpx;
						height: 145rpx;
						margin-left: 17rpx;
						float: left;
						flex: 0 0 auto;
					}

					.image_9 {
						width: 145rpx;
						height: 145rpx;
						margin-left: 16rpx;
					}

					.image_10 {
						width: 145rpx;
						height: 145rpx;
						margin-left: 17rpx;
					}
				}
			}

			.block_7 {
				background-color: rgba(255, 255, 255, 1);
				border-radius: 10px;
				height: 313rpx;
				width: 690rpx;
				margin: 20rpx 0 20rpx 22rpx;

				.text-wrapper_9 {
					width: 123rpx;
					height: 29rpx;
					margin: 31rpx 0 0 38rpx;

					.text_22 {
						width: 123rpx;
						height: 29rpx;
						overflow-wrap: break-word;
						color: rgba(51, 51, 51, 1);
						font-size: 30rpx;
						font-family: PingFang-SC-Bold;
						font-weight: 700;
						text-align: left;
						white-space: nowrap;
						line-height: 34rpx;
					}
				}

				.box_9 {
					width: 90%;
					height: 42rpx;
					margin: 20rpx 0 0 30rpx;
					display: flex;
					flex-wrap: wrap;

					.image-text_2 {
						width: 102rpx;
						height: 40rpx;
						margin-left: 7%;
						margin-top: 20rpx;

						.label_3 {
							width: 40rpx;
							height: 40rpx;
						}

						.text-group_2 {
							width: 47rpx;
							height: 40rpx;
							overflow-wrap: break-word;
							color: rgba(136, 136, 136, 1);
							font-size: 24rpx;
							font-family: PingFang-SC-Medium;
							font-weight: 500;
							text-align: left;
							white-space: nowrap;
							line-height: 18rpx;
							margin-top: 11rpx;
							margin-left: 6rpx;
						}
					}

					.image-text_3 {
						width: 124rpx;
						height: 40rpx;
						margin: 2rpx 0 0 53rpx;

						.label_4 {
							width: 40rpx;
							height: 40rpx;
						}

						.text-group_3 {
							width: 70rpx;
							height: 23rpx;
							overflow-wrap: break-word;
							color: rgba(136, 136, 136, 1);
							font-size: 24rpx;
							font-family: PingFang-SC-Medium;
							font-weight: 500;
							text-align: left;
							white-space: nowrap;
							line-height: 30rpx;
							margin-top: 9rpx;
						}
					}

					.image-text_4 {
						width: 102rpx;
						height: 40rpx;
						margin: 2rpx 0 0 34rpx;

						.label_5 {
							width: 40rpx;
							height: 40rpx;
						}

						.text-group_4 {
							width: 47rpx;
							height: 23rpx;
							overflow-wrap: break-word;
							color: rgba(136, 136, 136, 1);
							font-size: 24rpx;
							font-family: PingFang-SC-Medium;
							font-weight: 500;
							text-align: left;
							white-space: nowrap;
							line-height: 30rpx;
							margin-top: 8rpx;
						}
					}

					.image-text_5 {
						width: 121rpx;
						height: 40rpx;
						margin: 2rpx 0 0 52rpx;

						.label_6 {
							width: 40rpx;
							height: 40rpx;
						}

						.text-group_5 {
							width: 70rpx;
							height: 23rpx;
							overflow-wrap: break-word;
							color: rgba(136, 136, 136, 1);
							font-size: 24rpx;
							font-family: PingFang-SC-Medium;
							font-weight: 500;
							text-align: left;
							white-space: nowrap;
							line-height: 30rpx;
							margin-top: 9rpx;
						}
					}
				}

				.box_10 {
					width: 587rpx;
					height: 41rpx;
					margin: 29rpx 0 0 38rpx;

					.image-text_6 {
						width: 123rpx;
						height: 40rpx;

						.label_7 {
							width: 40rpx;
							height: 40rpx;
						}

						.text-group_6 {
							width: 69rpx;
							height: 23rpx;
							overflow-wrap: break-word;
							color: rgba(136, 136, 136, 1);
							font-size: 24rpx;
							font-family: PingFang-SC-Medium;
							font-weight: 500;
							text-align: left;
							white-space: nowrap;
							line-height: 30rpx;
							margin-top: 9rpx;
						}
					}

					.image-text_7 {
						width: 100rpx;
						height: 40rpx;
						margin: 1rpx 0 0 32rpx;

						.label_8 {
							width: 40rpx;
							height: 40rpx;
						}

						.text-group_7 {
							width: 45rpx;
							height: 23rpx;
							overflow-wrap: break-word;
							color: rgba(136, 136, 136, 1);
							font-size: 24rpx;
							font-family: PingFang-SC-Medium;
							font-weight: 500;
							text-align: left;
							white-space: nowrap;
							line-height: 30rpx;
							margin-top: 8rpx;
						}
					}

					.image-text_8 {
						width: 102rpx;
						height: 40rpx;
						margin-left: 58rpx;

						.label_9 {
							width: 40rpx;
							height: 40rpx;
						}

						.text-group_8 {
							width: 46rpx;
							height: 23rpx;
							overflow-wrap: break-word;
							color: rgba(136, 136, 136, 1);
							font-size: 24rpx;
							font-family: PingFang-SC-Medium;
							font-weight: 500;
							text-align: left;
							white-space: nowrap;
							line-height: 30rpx;
							margin-top: 9rpx;
						}
					}

					.image-text_9 {
						width: 120rpx;
						height: 40rpx;
						margin-left: 52rpx;

						.label_10 {
							width: 40rpx;
							height: 40rpx;
						}

						.text-group_9 {
							width: 68rpx;
							height: 23rpx;
							overflow-wrap: break-word;
							color: rgba(136, 136, 136, 1);
							font-size: 24rpx;
							font-family: PingFang-SC-Medium;
							font-weight: 500;
							text-align: left;
							white-space: nowrap;
							line-height: 30rpx;
							margin-top: 9rpx;
						}
					}
				}

				.box_11 {
					width: 438rpx;
					height: 41rpx;
					margin: 25rpx 0 35rpx 38rpx;

					.image-text_10 {
						width: 100rpx;
						height: 40rpx;

						.label_11 {
							width: 40rpx;
							height: 40rpx;
						}

						.text-group_10 {
							width: 46rpx;
							height: 23rpx;
							overflow-wrap: break-word;
							color: rgba(136, 136, 136, 1);
							font-size: 24rpx;
							font-family: PingFang-SC-Medium;
							font-weight: 500;
							text-align: left;
							white-space: nowrap;
							line-height: 30rpx;
							margin-top: 9rpx;
						}
					}

					.image-text_11 {
						width: 101rpx;
						height: 40rpx;
						margin: 1rpx 0 0 55rpx;

						.label_12 {
							width: 40rpx;
							height: 40rpx;
						}

						.text-group_11 {
							width: 47rpx;
							height: 23rpx;
							overflow-wrap: break-word;
							color: rgba(136, 136, 136, 1);
							font-size: 24rpx;
							font-family: PingFang-SC-Medium;
							font-weight: 500;
							text-align: left;
							white-space: nowrap;
							line-height: 30rpx;
							margin-top: 8rpx;
						}
					}

					.image-text_12 {
						width: 126rpx;
						height: 40rpx;
						margin: 1rpx 0 0 56rpx;

						.label_13 {
							width: 40rpx;
							height: 40rpx;
						}

						.text-group_12 {
							width: 70rpx;
							height: 23rpx;
							overflow-wrap: break-word;
							color: rgba(136, 136, 136, 1);
							font-size: 24rpx;
							font-family: PingFang-SC-Medium;
							font-weight: 500;
							text-align: left;
							white-space: nowrap;
							line-height: 30rpx;
							margin-top: 6rpx;
						}
					}
				}
			}
		}
	}
</style>